<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <title>Test cases for suffl-base module</title>

    <!-- Import MochiKit modules: require MochiKit library functions to be fully qualified -->
    <script type="text/javascript">MochiKit = {__export__: false};</script>
    <script type="text/javascript" src="../../MochiKit/Base.js"></script>
    <script type="text/javascript" src="../../MochiKit/Iter.js"></script>
    <script type="text/javascript" src="../../MochiKit/Logging.js"></script>

    <!-- Import jQuery and unit testing framework -->
    <link type="text/css" href="../../jQuery/css/smoothness/jquery-ui-1.8.custom.css" rel="stylesheet" />  
    <script type="text/javascript" src="../../jQuery/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="../../jQuery/js/jquery-ui-1.8.custom.min.js"></script>
	  <link rel="stylesheet" href="../../qunit/testsuite.css" type="text/css" media="screen" />
	  <script type="text/javascript" src="../../qunit/testrunner.js"></script>

    <!-- URI handling script from RDFquery -->
    <script type="text/javascript" src="../../jQuery/jquery.uri.js"></script>

    <!-- JSON conversion script -->
    <script type="text/javascript" src="../../jQuery/jquery.json-2.2.js"></script>
    
    <!-- Shuffl style rules -->
    <link type="text/css" href="../css/shuffl.css" rel="stylesheet"/>

    <!-- Import shuffl modules -->
    <script type="text/javascript" src="../../src/shuffl-base.js"></script>
  
    <!-- Import test modules -->
    <script type="text/javascript" src="../../src/qunit.testhelpers.js"></script>
    <script type="text/javascript" src="../../src/test/test-shuffl-base.js"></script>

    <!-- Execute the tests -->
	  <script>
	  jQuery(document).ready( function () {
		    TestShufflBase();
	  });
	  </script>  

</head>

<body>
		<h1>Shuffl tests</h1>
		<h2 id="banner"></h2>
		<h2 id="userAgent"></h2>
		<ol id="tests"></ol>
    <div id="main" style="height:22em">
      <div id="workspace" class="shuffl-workspace">
        <!-- padding to space down stockbar -->
        <div class="shuffl-header"></div>
        <!-- Stock bar goes here -->
        <div id="stockbar" class="shuffl-stockbar">
          <div class="shuffl-workspacemenu" id="workspacemenu"><c class="stock-yellow">s</c><c class="stock-blue">h</c><c class="stock-green">u</c><c class="stock-orange">f</c><c class="stock-pink">f</c><c class="stock-purple">l</c></div>
        </div>
        <!-- cards go here -->
        <div id="layout" class="shuffl-layout"></div>
        <!-- footer -->
        <p id="footer" class="shuffl-footer">
          <span id="workspace_status" class="shuffl-footer-left">(location)</span>
          <span id="shufflhome" class="shuffl-footer-right">
            <a href="http://code.google.com/p/shuffl/">shuffl project</a>
          </span>
        </p>
      </div>
    </div> 
</body>

</html>
